<template>
  <view class="content display-flex flex-col items-center justify-center">

    <image class="logo w-50 h-50" src="@/static/logo.png"></image>

    <view class="i-svg-spinners-bars-scale w-50 h-50 text-sky" />

    <view class="i-formkit-apple w-50rpx h-50rpx text-blue " />

    <view
      class="m-1 p-10 c-#F52521  bg-purple-300 text-center font-size-40 border-rd-15rpx animate-bounce-alt animate-count-infinite animate-duration-1s">
      {{ title }}
    </view>
  </view>
</template>

<script setup>
import { ref } from "vue"
const title = ref('hello-unocss')

</script>

<style>
.content {
  height: 100vh;
}
</style>
